﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="useradd.aspx.cs" Inherits="weikebuluo.web.admin.user.useradd" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>微客部落</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="Keywords" content="微客部落" />
    <meta name="Description" content="微客部落微信" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/bootstrap.responsive.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/style.css" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/themes.css" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/todc_bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/inside.css" />
    <link rel="stylesheet" type="text/css" href="/css/Bootstrap/resource.css" />
    <link rel="stylesheet" type="text/css" href="/Scripts/KindEditor/themes/default/default.css" />
    <script type="text/javascript" src="/Scripts/JQuery.min.js"></script>
    <script type="text/javascript" src="/Scripts/Bootstrap.min.js"></script>
    <script type="text/javascript" src="/Scripts/JQuery.form.min.js"></script>
    <script type="text/javascript" src="/Scripts/JQuery.validate.min.js"></script>
    <script type="text/javascript" src="/Scripts/JQuery.validate.methods.js"></script>
    <script type="text/javascript" src="/Scripts/resource.js"></script>
    <script type="text/javascript" src="/Scripts/JQuery.cookie.js"></script>
    <script type="text/javascript" src="/Scripts/Inside.js"></script>
    <script type="text/javascript" src="/Scripts/UploadImg.js"></script>
    <script type="text/javascript" src="/Scripts/KindEditor/kindeditor-min.js"></script>
    <script type="text/javascript" src="/Scripts/KindEditor/lang/zh_CN.js"></script>
    <!--[if IE 7]>
            <link href="/css/Bootstrap/font_awesome_ie7.css" rel="stylesheet" />
        <![endif]-->
    <!--[if lte IE 8]>
            <script src="/Scripts/excanvas_min.js"></script>
        <![endif]-->
    <!--[if lte IE 9]>
            <script src="/Scripts/watermark.js"></script>
        <![endif]-->
    <style type="text/css">
        option
        {
            padding: 5px;
        }
    </style>
</head>
<body>
    <div id="main">
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <div class="box">
                        <div class="box-title">
                            <div class="span10">
                                <h3>
                                    <i class="icon-edit"></i>新增用户</h3>
                            </div>
                            <div class="span2">
                                <a class="btn" href="Javascript:window.history.go(-1)">返回</a></div>
                        </div>

                        <form action="useradd.aspx" method="post" class="form-horizontal form-validate">
                        <input name="action" value="save" style="display: none;" />
                       

                        <div class="box-content">
                            <div class="control-group">
                                <label class="control-label" for="username">
                                    用户名</label>
                                <div class="controls">
                                    <input type="text" name="username" id="username" 
                                        class="input-medium" data-rule-required="true" data-rule-maxlength="50" />
                                    <span class="maroon">*</span> <span class="help-inline">长度为6~16位字符，可以为“数字/字母/中划线/下划线”组成</span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="password">
                                    设置密码</label>
                                <div class="controls">
                                    <input type="password" name="password" id="password" value="" />
                                    <span class="maroon">*</span><span class="help-inline">长度为6~16位字符；不填则为初始密码123456</span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="repassword">
                                    确认密码</label>
                                <div class="controls">
                                    <input type="password" name="repassword" id="repassword" value="" />
                                    <span class="maroon">*</span><span class="help-inline">长度为6~16位字符；不填则为初始密码123456</span>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="phone">
                                    手机号码</label>
                                <div class="controls">
                                    <input type="text" name="phone" id="phone"  class="input-medium"
                                        data-rule-required="true" data-rule-maxlength="50" />
                                    <span class="maroon">*</span>
                                    <%--<span class="help-inline">手机号码</span>--%>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="email">
                                    邮箱</label>
                                <div class="controls">
                                    <input type="text" name="email" id="email"  class="input-medium"
                                        data-rule-required="true" data-rule-maxlength="50" />
                                    <span class="maroon">*</span>
                                    <%--<span class="help-inline">邮箱将与支付及优惠相关，请填写正确的邮箱</span>--%>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="qq">
                                    QQ</label>
                                <div class="controls">
                                    <input type="text" name="qq" id="qq" class="input-medium"
                                        data-rule-required="true" data-rule-maxlength="50" />
                                </div>
                            </div>

                           

                            <div class="control-group">
                                <div class="controls">

                                   <%-- <button type="button" id="reg-btn" class="btn btn-large btn-primary">--%>
                                     <button type="button" id="reg-btn" class="btn  btn-primary">
                                        提交</button>
                                    <button type="button" class="btn" onclick="window.history.go(-1);">
                                        取消</button>
                                </div>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
  
</body>
</html>
<script type="text/javascript">
    var url = "useradd.aspx";

    $(function () {
        //用户名
        $("#username").keyup(function () {
            if ($("#username").val() == "" || $("#username").val().length < 5 || $("#username").val().length > 16) {
                $(".control-group").eq(0).addClass("error");
            }
            else {
                $(".control-group").eq(0).removeClass("error");
            }
        });

        $("#username").blur(function () {
            if ($("#username").val() == "" || $("#username").val().length < 5 || $("#username").val().length > 40) {
                $(".control-group").eq(0).addClass("error");
            }
            else {
                $(".control-group").eq(0).removeClass("error");
            }
        });

        //设置密码


//        $("#password").keyup(function () {
//            if ($("#password").val() == "" || $("#password").val().length < 6 || $("#password").val().length > 16) {
//                $(".control-group").eq(1).addClass("error");
//            }
//            else {
//                $(".control-group").eq(1).removeClass("error");
//            }
//        });

//        $("#password").blur(function () {
//            if ($("#password").val() == "" || $("#password").val().length < 6 || $("#password").val().length > 16) {
//                $(".control-group").eq(1).addClass("error");
//            }
//            else {
//                $(".control-group").eq(1).removeClass("error");
//            }
//        });

        //设置密码

    $("#password").keyup(function () {
        if($("#password").val() != "")
    {
            if ( $("#password").val().length < 6 || $("#password").val().length > 16) {
                $(".control-group").eq(1).addClass("error");
            }
            else {
                $(".control-group").eq(1).removeClass("error");
            }
            }
        });

        $("#password").blur(function () {
        if($("#password").val() != "")
        {
            if ( $("#password").val().length < 6 || $("#password").val().length > 16) {
                $(".control-group").eq(1).addClass("error");
            }
            else {
                $(".control-group").eq(1).removeClass("error");
            }
            }
        });

        //确认密码
        $("#repassword").keyup(function () {

        if( $("#repassword").val()!="")
        {
            if ( $("#password").val() != $("#repassword").val()) {
                $(".control-group").eq(2).addClass("error");
            }
            else {
                $(".control-group").eq(2).removeClass("error");
            }
            }
        });

        $("#repassword").blur(function () {
        if( $("#repassword").val()!="")
        {
            if ( $("#password").val() != $("#repassword").val()) {
                $(".control-group").eq(2).addClass("error");
            }
            else {
                $(".control-group").eq(2).removeClass("error");
            }
            }
        });

//////////////////////////////////
        //手机
        $("#phone").keyup(function () {
            if ($("#phone").val() == "" || $("#phone").val().length != 11) {
                $(".control-group").eq(3).addClass("error");
            }
            else {
                $(".control-group").eq(3).removeClass("error");
            }
        });

        $("#phone").blur(function () {
            if ($("#phone").val() == "" || $("#phone").val().length != 11) {
                $(".control-group").eq(3).addClass("error");
            }
            else {
                $(".control-group").eq(3).removeClass("error");
            }
        });

        //邮箱
        var reg = /^\w{3,}@\w+(\.\w+)+$/;
        $("#email").keyup(function () {
            if ($("#email").val() == "" || !reg.test($("#email").val())) {
                $(".control-group").eq(4).addClass("error");
            }
            else {
                $(".control-group").eq(4).removeClass("error");
            }
        });

        $("#email").blur(function () {
            if ($("#email").val() == "" || !reg.test($("#email").val())) {
                $(".control-group").eq(4).addClass("error");
            }
            else {
                $(".control-group").eq(4).removeClass("error");
            }
        });



        $("#reg-btn").click(function () {
            var bl = true; //确认可用标示
            if ($("#username").val() == "" || $("#username").val().length < 5 || $("#username").val().length > 16) {
                $(".control-group").eq(0).addClass("error");
                bl = false;
            }

            //如果输入的密码条中为空，则不修改用户的密码
            if($("#password").val() != "")
            {
             if ( $("#password").val().length < 6 || $("#password").val().length > 16) 
              {
                $(".control-group").eq(1).addClass("error");
                bl = false;
            }
            }
            
             if($("#repassword").val() != "")
             {
            if ( $("#password").val() != $("#repassword").val())
             {
                $(".control-group").eq(2).addClass("error");
                bl = false;
              }
              }
            
            
            //////////

//              if ($("#password").val() == "" || $("#password").val().length < 6 || $("#password").val().length > 16) {
//                $(".control-group").eq(1).addClass("error");
//                bl = false;
//            }
//            if ($("#repassword").val() == "" || ($("#password").val() != $("#repassword").val())) {
//                $(".control-group").eq(2).addClass("error");
//                bl = false;
//            }

            /////

            if ($("#phone").val() == "" || $("#phone").val().length != 11) {
                $(".control-group").eq(3).addClass("error");
                bl = false;
            }
            if ($("#email").val() == "" || !reg.test($("#email").val())) {
                $(".control-group").eq(4).addClass("error");
                bl = false;
            }

            if (bl) {
                $.ajax({
//                    url: url + "?action=upd&user_id="+<%=Request.QueryString["user_id"] %>,
                     url: url + "?action=adduser",
                    type: "post",
                    data: { name: $("#username").val(), pwd: $("#repassword").val(), phone: $("#phone").val(), email: $("#email").val(), qq: $("#qq").val() },
                    success: function (msg) {
                        if (msg == "true") {
                            alert("新增用户成功");
                            window.location.href = "/web/admin/user/userlist.aspx";
                        }
                        else {
                            alert(msg);
                        }
                    }
                });
            }
        })
    });

    //刷新验证码
    function changeVerifyCode() {
        var CodeDate = new Date();

        $("#randImage").attr("src", "/Controllers/Ashx/VerifyCode.ashx?ID=" + CodeDate.getMilliseconds());
    }
</script>
